.s-header {
	width: 100%;
	height: 100upx;
	padding: 0 30upx 0 20upx;
	box-sizing: border-box;
	background: $s-header;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	.s-rolling-search {
		width: 100%;
		height: 60upx;
		border-radius: 35upx;
		padding: 0 40upx 0 30upx;
		box-sizing: border-box;
		background: #fff;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		color: #999;
		.search_image{
			width: 37.64upx;
			height: 37.64upx;
		}
		.s-swiper {
			font-size: 26upx;
			height: 60upx;
			flex: 1;
			padding-left: 12upx;
			.s-swiper-item {
				display: flex;
				align-items: center;
				.s-hot-item {
					line-height: 26upx;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
			
		}
	}
}


.s-header-banner {
	box-sizing: border-box;
	background: $s-header;
	.s-banner-bg {
		display: flex;
		height: 260upx;
		background: $s-header;
		position: relative;
		.s-primary-bg {
			width: 50%;
			display: inline-block;
			height: 224upx;
			border: 1px solid transparent;
			position: relative;
			z-index: 1;
			background: $s-header;
		}
		.s-route-left {
			transform: skewY(8deg);
		}
		.s-route-right {
			transform: skewY(-8deg);
		}
		.s-banner-box {
			width: 100%;
			padding: 0 20upx;
			box-sizing: border-box;
			position: absolute;
			z-index: 99;
			top:80upx;
			left: 0;
			.s-banner-swiper {
				width: 100%;
				height: 240upx;
				border-radius: 12upx;
				overflow: hidden;
				transform: translateY(0);
				.s-slide-image {
					width: 100%;
					height: 240upx;
					display: block;
				} 
			}
		}
	}
}
.content-s{
	margin-top: 80upx;
}
.s-product-box {
	margin-top: 20rpx;
	padding: 0 20rpx;
	box-sizing: border-box;
	/deep/ .s-group-name {
		font-size: 32rpx;
		color: #000000;
		font-weight: bold;
		text-align: center;
		padding: 24rpx 0;
	}
}
.margin_top{
	height: 80upx;
	width: 100%; 
}
.pic_list{
	display: flex;
	flex-direction:column;
	width: 100%;
	
	.pic_item{
		background-color: #FFFFFF;
		border-radius: 20upx;
		margin-top: 20upx;
		.pic{
			margin-top: 20upx;
			width: 100%;
		}
		.title{
			color: #2e2e2e;
			font-size: 28rpx;
		}
		.s-tabbar {
			width: 100%;
			height: 98upx;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			font-size: 26rpx;
			.s-btn-mr {
				margin-right: 30upx;
			}
		}
	}
}
.s-cell-header {
	width: 100%;
	height: 74upx;
	padding: 0 26upx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	.s-cell-title {
		font-size: 30upx;
		line-height: 30upx;
		font-weight: 600;
		color: #333;
	}
	.s-cell-sub {
		font-size: 26upx;
		font-weight: 400;
		color: #999;
		padding-right: 28upx;
	}
}
